<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,width=device-width"/>
<link rel="stylesheet" type="text/css" href="../bootstrap4/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="../font/iconfont.css"/>
<title>详情</title>
</head>
<body>
<div class="banner hidden-sm-down">
	<img class="banner_img" src="../img/bg.jpg" />
	<img class="logo" src="../img/logo.png" />
</div>
<header class="my-header">
	<nav class="navbar navbar-light bg-faded">
		<div class="container">
			<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
			<a href="/" class="form-inline float-xs-right center">
	        	<img src="../img/Personal-Center.png" />
				<span>个人中心</span>
		    </a>
		    <div class="collapse navbar-toggleable-xs" id="navbar-header">
		      <ul class="nav navbar-nav">
		      	<li class="nav-item">
		          <a class="nav-link" href="#">Navbar</a>
		      	</li>
		        <li class="nav-item dropdown">
				    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
				    <div class="dropdown-menu">
				      <a class="dropdown-item" href="#">Action</a>
				      <a class="dropdown-item" href="#">Another action</a>
				      <a class="dropdown-item" href="#">Something else here</a>
				      <div class="dropdown-divider"></div>
				      <a class="dropdown-item" href="#">Separated link</a>
				    </div>
				</li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Features</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">Pricing</a>
		        </li>
		        <li class="nav-item">
		          <a class="nav-link" href="#">About</a>
		        </li>
		      </ul>
		    </div>
		</div>
	</nav>
</header>	
<section class="container pd20 mall_box my order_table">
	<figure class="figure my_cmd">
	  <div class="commodity">
	  	<img src="../img/product.jpg" class="figure-img mr-2 img-fluid rounded float-xs-left" alt="A generic square placeholder image with rounded corners in a figure.">
	  	<div class="float-xs-left commodity_text mt20">
	  		<h3 class="h4">【武田药品】武田的裸藻 绿装</h3>
	  		<ul class="my_money clearfix mt20">
		  		<li><h6 class="h6">购物积分</h6><h5 class="h5">￥5900</h5></li>
		  		<li><h6 class="h6">购物积分</h6><h5 class="h5">￥5900</h5></li>
		  		<li><h6 class="h6">购物积分</h6><h5 class="h5">￥5900</h5></li>
		  	</ul>
		  	<div class="wholesale">
	  			<h4 class="h6">批发价:<span class="h4">￥5000</span></h4>
	  		</div>
	  	</div>
	  	<div class="clearfix"></div>
	  	<figcaption class="mt20">一个人的一生中，有三分之一以上的时间是在睡眠中度过的。正常、良好的睡眠是生命中重要的一环，可以调节生理机能，维持神经系统的平衡。而睡眠不良、不足，第二天就会头昏脑胀、全身无力，影响正常的学习生活。因此，睡眠与生活的关系非常密切。

对一般人来说，持续四天以上不睡觉就会感到极大的痛苦。但有的人可以坚持更长的时间。觉醒时间的世界纪录是由17岁的加德纳创造的，他曾经268个小时不睡觉，连续11天多的时间。出人意料的是，后来他只睡了14小时就回复了正常状态。

长时间的睡眠剥夺会导致什么状态呢？长期失眠可导致暂时性睡眠剥夺精神病，表现出错乱、迷失方向、幻觉和妄想的症状。幻觉可能是视觉的或者触觉的，比如觉得脸上有蜘蛛网。研究表明，60小时的睡眠剥夺一般不会使人出现妄想和幻觉。大多数睡眠缺失引发的综合症，只需一夜睡眠就能恢复正常状态。
		  	一个人的一生中，有三分之一以上的时间是在睡眠中度过的。正常、良好的睡眠是生命中重要的一环，可以调节生理机能，维持神经系统的平衡。而睡眠不良、不足，第二天就会头昏脑胀、全身无力，影响正常的学习生活。因此，睡眠与生活的关系非常密切。

对一般人来说，持续四天以上不睡觉就会感到极大的痛苦。但有的人可以坚持更长的时间。觉醒时间的世界纪录是由17岁的加德纳创造的，他曾经268个小时不睡觉，连续11天多的时间。出人意料的是，后来他只睡了14小时就回复了正常状态。

长时间的睡眠剥夺会导致什么状态呢？长期失眠可导致暂时性睡眠剥夺精神病，表现出错乱、迷失方向、幻觉和妄想的症状。幻觉可能是视觉的或者触觉的，比如觉得脸上有蜘蛛网。研究表明，60小时的睡眠剥夺一般不会使人出现妄想和幻觉。大多数睡眠缺失引发的综合症，只需一夜睡眠就能恢复正常状态。
	  </figcaption>
	  <button type="button" class="btn btn-outline-primary mt20">上一个</button>
	  <button class="btn btn-primary mt20 ml-1" href="#" role="button">下一个</button>
	  </div>
	</figure>
</section>
</body>
<script src="../jquery-3.0.0/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../bootstrap4/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(e) {
    $("#btn").click(function(e) {
    $("#spc").toggle();
    });
    
    $(".input-number").prev().click(function(){
    	var value = $(this).next().val();
    	value--;
    	if(value>=0){
    		$(this).next().val(value);
    	}
    });
    $(".input-number").next().click(function(){
    	var value = $(this).prev().val();
    	value++;
    	$(this).prev().val(value);
    });
    
});
	
</script>
</html>